$(function () {
    function addList() {
        $.ajax({
            url: BigNew.category_list,
            success(backData) {
               let categoryHtml = template('category',backData)
                $('tbody').html(categoryHtml);
                // console.log(backData);
                
            }
        })
    }
    addList();

    // 内容新增
    $('.add-btn').click(function () {
    
        $('#addModal').modal('show');
       
        $('.modal-footer .add_content').click(function () {
            let name = $('#category-name').val().trim();
            let slug = $('#category-slug').val().trim();
    
            if (name == '' || slug == '') {
                return alert('写点内容吧？');
            };
            $.ajax({
                url: BigNew.category_add,
                type: 'post',
                data: {
                    name,
                    slug
                },
                success(backData) {
                    
                    addList();
                    $('#addModal').modal('hide');
                    //清空已经提交的表单内容
                    //    $('#category-name').val('')
                    //    $('#category-slug').val('')
                    $('#category_add')[0].reset();
                },
                error(xhr,status,err) {
                    alert(xhr.responseJSON.msg);
                }
    
            })
        });
        //取消内容新增
        $('.modal-footer .exit_content').click(function () {
            $('#addModal').modal('hide');
        });
    });
    //删除内容
    $('tbody').on('click', '.delete', function () {
        let id = $(this).parent().attr('data-id');
        if (confirm('真的要删除吗？')) {
            $.ajax({
                type: 'post',
                url: BigNew.category_delete,
                data: {
                    id
                },
                success(backData) {
                    if (backData.code == 204) {

                        addList();
                    }
                   
                }
            })
        }
       
    });
    //编辑列表内容
    $('tbody').on('click', '.btn-edit', function () {
        let id = $(this).parent().attr('data-id');
        
        $.ajax({
            url: BigNew.category_search,
            data:{
                id
        },
            success(backData) {
                $('#category-edit-name').val(backData.data[0].name);
                $('#category-edit-slug').val(backData.data[0].slug);
                $('.eidt_content').attr('data-id', backData.data[0].id);
                $('#editModal').modal('show');
         }   
        })
        
    });
    //文章列表管理编辑
    $('.eidt_content').click(function () {
        let self = this
        let id = $(this).attr('data-id');
       let name = $('#category-edit-name').val().trim();
        let slug = $('#category-edit-slug').val().trim();
        if (name == '' || slug == '') {
            return alert('内容不能为空哦');
        }
        $.ajax({
            url: BigNew.category_edit,
            type: 'post',
            data: {
                id,
                name,
                slug
            },
            success(backData) {
                if (backData.code == 200) {
                    $('#editModal').modal('hide');
                    let id = $(self).attr('data-id','');
                    addList();
                    alert('修改成功');
                }
                
            },
            

        })
    })


})